		window.onload = function() {
            // 实现轮播效果
            // 保存当前索引的变量
            var current_index = 0;
            // 5000毫秒表示5秒
            var timer = window.setInterval(autoChange, 5000);
            // 获取所有轮播按钮
            var button_li = document.getElementById("button").getElementsByTagName("li");
            // 获取所有banner图
            var pic_div = document.getElementById("banner_pic").getElementsByTagName("div");
            // 遍历元素
            for (var i = 0; i < button_li.length; i++) {
                // 添加鼠标移过事件
                button_li[i].onmouseover = function() {
                    // 定时器存在时清除定时器
                    if (timer) {
                        clearInterval(timer);
                    }
                    // 遍历元素
		            for (var j = 0; j < pic_div.length; j++) {
		                // 将当前索引对应的元素设为显示
		                if (button_li[j] == this) {
		                    current_index = j; // 从当前索引位置开始
		                    button_li[j].className="current";
		                    pic_div[j].className="current";
		                }
		                else{
		                	button_li[j].className="but";
		                    pic_div[j].className="pic";
		                }
		            }   
                }
                
                //鼠标移出事件
                button_li[i].onmouseover = function(){
                	timer=setInterval(autoChange,5000);	
                }
            }
            


        function autoChange() {
            ++current_index;
            // 如果当前索引大于等于banner图的数量，则从0开始
            if (current_index == button_li.length) {
                current_index = 0;
            }
            for(var i=0;i<button_li.length;i++){
            	if(i==current_index){
            		button_li[i].className="current";
            		pic_div[i].className="current";
            	}
            	else{
            		button_li[i].className="but";
            		pic_div[i].className="pic";
            	}
            }
            
        }
   }